<template>
  <view class="cu-card shadow padding">
    <view class="flex justify-between align-center">
      <view>
        <view class="text-bold">{{ channel.title }}</view>
        <view class="text-gray text-xs"
          ><text class="cuIcon-locationfill"></text
          ><text style="padding-left: 5px">{{ channel.address }}</text></view
        >
      </view>
      <view>
        <view
          class="text-blue text-bold text-xl"
          style="background-color: #dae5ff; padding: 8px"
        >
          L{{ channel.level }}
        </view>
      </view>
    </view>
    <view class="flex margin-top">
      <view style="flex: 1" class="text-xs text-gray"
        ><text class="cuIcon-footprint"></text>拜访 {{ channel.visitNum }}</view
      >
      <view style="flex: 1" class="text-xs text-gray"
        ><text class="cuIcon-text"></text>相关CASE {{ channel.caseNum }}</view
      >
    </view>
  </view>
</template>
<script lang="ts">
import { defineComponent } from 'vue'
import { Channel } from '@/models/types.ts'

export default defineComponent({
  components: {},
  props: {
    channel: {
      type: Object as Channel,
      required: true,
    },
  },
  setup() {
    return {}
  },
})
</script>
<style scoped></style>
